<template>
	<view class="zhifuCG">
		<view class="count">
			<view class="img">
				<img src="@/static/lyl-img/chenggong/dui.png" />
			</view>
			<view style="margin-top: 20rpx ;">支付成功</view>
			<view style="margin-top: 20rpx; font-size: 60rpx;">33.90</view>
			<view style="margin-top: 30rpx; font-size: 24rpx;">预约编号:2225245522155522</view>
			<view class="button1">返回首页</view>
			<view class="button2">订单详情</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.zhifuCG {
		margin: 0;
		padding: 20rpx 40rpx;
		height: 400rpx;
		background-color: #3687fe;

	}

	.count {
		height: 800rpx;
		background-color: whitesmoke;

		/* margin: 20rpx 0; */
		padding: 20rpx;
		border-radius: 20rpx;
		box-shadow: 0px -10px 0px 0px rgba(0, 0, 0, 0),
			/*上边阴影  透明*/
			-10px 0px 0px 0px rgba(0, 0, 0, 0),
			/*左边阴影  透明*/
			10px 0px 0px 0px rgba(0, 0, 0, 0),
			/*右边阴影  透明*/
			0px 10px 30px 0px rgba(0, 0, 0, 0.1);
		/*下边阴影 */

		text-align: center;
	}

	.img {
		width: 120rpx;
		margin: 0 auto;

	}

	.count img {
		/* margin: 0 auto; */
		height: 120rpx;
		width: 120rpx;
		margin-top: 100rpx;
	}

	.button1 {
		font-size: 28rpx;
		color: white;
		padding: 20rpx;
		margin: 60rpx 80rpx 20rpx 80rpx;
		border-radius: 50rpx;
		background-color: #3687fe;
	}

	.button2 {
		font-size: 28rpx;
		color: white;
		padding: 20rpx;
		margin: 0 80rpx;
		border-radius: 50rpx;
		background-color: rgba(0, 0, 0, 0.2);
	}
</style>